body {
    /*margin-left: -30px;*/
    margin-top: 51px;
    background: url(../lib/img/background02.jpg) no-repeat;
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
}


a, a:hover, a:focus {
    color: #ffffff;
    text-decoration: none;
}

.panel {
    margin-bottom: 20px;
    background-color: rgba(250, 250, 250, 0.6);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(236, 236, 236, 0.6);
}

.panel-group {
    background-color: rgba(0, 0, 0, 0.6);
    width: 250px;
    height: 600px;
    overflow-y: auto;
}

.panel-group .panel {
    background-color: rgba(0, 0, 0, .075); /*#404040;*/
    border: none;
}

.panel-heading {
    /*font-family: "华文新魏";*/
    font-size: 16px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
    border: none;
    color: #ffffff;
    background-color: #505050;
}

.panel-default > .panel-heading > span {
    font-size: 10px;
}

.panel-default > .panel-heading:active, .panel-default > .panel-heading:hover {
    background-color: #4a8bc2;
}

.panel-default > .panel-heading > a:hover {
    text-decoration: none;
    background-color: #4a8bc2;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    /*font-family: "华文新魏";*/
    font-size: 12px;
    border: none;
}

.panel-body {
    padding: 0px;
}

.nav > li {
    padding: 1px 0px 0px 0px;
}

.nav > li > a {
    text-decoration: none;
    padding: 10px 10px 10px 35px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.4);
}


/* footer CSS部分 */
.foot-wrap {
    background-color: #373f48;
    margin-top: 80px;
}

.footer_header {
    color: #a5a2a2;
    /*font-family: 华文新魏;*/
}

li > a {
    color: #666e75;
}

#footer ul li {
    /*font-family: 华文新魏;*/
    padding-top: 10px;
}

@media (min-width: 992px) {
    #footer-control {
        display: none;
    }
}

@media (max-width: 992px) {
    #footer-control {
        display: block;
    }
}

/* nav部分 */
.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
}

/*
.navbar-inverse input[type="text"] {
    background: rgba(0, 0, 0, 0.4);
    border: none;
    color: #999;
}
*/
/* 设置导航中type为text的input元素的css */
/*
.navbar-inverse input[type="text"] {
    background: rgba(0, 0, 0, 0.3);
    border: none;
    color: #999;
}
*/
/* 给form添加一个定位的样式 */
/*
.navbar-inverse .navbar-form {
    position: relative; !* form表单相对定位 *!
}
*/
/* 搜索按钮基于form表单进行绝对定位 */
/*
.navbar-inverse button[type="button"] {
    position: absolute; !* 绝对定位 *!
    top: 25%; !* 距离top 15% *!
    right: 20px; !* 右边20像素，和form表单的距离 *!
    background: none; !* 背景颜色不给 *!
    border: none; !* 不要边框 *!
}
*/
/* 媒体查询设置 */
/*
@media (min-width: 768px) {
    .navbar-inverse button[type="button"] {
        top: 15%;
    }
}
*/
/* 再次设置小图标的颜色 */
.navbar-inverse .glyphicon {
    color: #999;
}

/* 加上外边距 */
.profile {
    margin-right: 28px;
    /* 加上!important之后就可以强制启用了 */
    /* margin-right: 25px !important; */
    /* 但是这里不要加important,因为这里是对小屏幕设备的适应.不然在逐渐变小的时候,会出错!!! */
}

/*
因为原导航栏右边的按钮是订阅课程是四个字,我新增的是五彩的码云
是五个字,所以上面的margin-right:要从25px变成28px,然后因为变
了之后登录和注册的位置不够了,所以只能把width从默认的自适应的
58px变成55px,所以造成文字竖直排放,故将文字从14变成12号
 */
/*.profile a*/
#login_before a {
    /*font-family: 华文新魏;*/
    font-size: 12px;
    width: 85px;
}

#login_after a {
    /*font-family: 华文新魏;*/
    font-size: 12px;
    width: 117px;
}

.right-panel {
    background-color: rgba(227, 220, 220, 0.8);
    height: 600px;
    margin-top: 5px;
}


/* 分页部分 */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: rgba(22, 21, 21, 0.6);
    border-color: rgba(152, 145, 145, 0.3);
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #65696d;
    text-decoration: none;
    background-color: rgba(239, 231, 231, 0.3);
    border: 1px solid rgba(152, 145, 145, 0.3);
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: rgba(239, 231, 231, 0.3);
    border-color:  rgba(152, 145, 145, 0.3);
}

/* &nbsp; &ensp; &emsp; */